<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
	<head>
		<script src="../jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
		
			function populateDiv(object, div) {
				for (var entry in object) {
					div.append("<li>" + entry + "</li>");
				}
			}
			$(document).ready(function(){
				$.getJSON('json.js', function(response){
					populateDiv(response['drink'], $("#drink"));
					populateDiv(response['food'], $("#food"));
				})
			})
		</script>
	</head>
	<body>
		<ul id="drink"></ul>
		<ul id="food"></ul>
	</body>
</html>
